<template>
	<view class="userinfo">
		<image src="/static/logo.png" mode="" class="avatar"></image>
		<view class="username">{{username}}</view>
	</view>
</template>

<script>
	export default {
		name:"UserInfo",
		data() {
			return {
				
			};
		},
		props: {
		    username:{
				// type:String,
				type: String,
				default:"匿名"
			}
		    // likes: Number
		  }
	}
</script>

<style lang="scss" scoped>
.userinfo{
	width: 100%;
	height: 200px;
	background: #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	image{
			width: 100%;
			height: 100%;
		}
	
	.username{
		padding: 10px 0;
		font-size: 20px;
	}
}

// .userinfo image{
// 		width: 100%;
// 		height: 100%;
// 	}
	
// .userinfo .username{
// 		padding: 10px 0;
// 		font-size: 20px;
// 	}
</style>